<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="03practice_css.css">
    <title>问卷星登录</title>
</head>

<body>
    <div class="form_demo">
        <form action="">
            <!-- <fieldset class="fieldset"> -->
            <legend>问卷星登录</legend>
            <!-- </fieldset> -->
            <div class="username">
                <input type="username" placeholder="用户名/Emile/手机">
            </div>

            <div class="passward">
                <input type="password" placeholder="密码">
            </div>
            <div class="oprate">

                <span class="automatic-box" id="automatic-box">
                <input type="checkbox">下次自动登录
                
            </span>

                <span class="passwordRecoverLink" id="passwordRecoverLink">
                   <a href="https://www.wjx.cn/register/forgetpassword.aspx">忘记用户名/密码?</a>
                </span>

                <p>
                    <a href="https://www.wjx.cn/"><input type="submit" value="登   录"></a>
                </p>

                <p class="hrefRegister">
                    <a href="https://www.wjx.cn/register/register.aspx?type=1" id="hrefRegister" title="只需２０秒，就可完成注册" class="register-now">立即注册</a>
                </p>
                <div class="third-party-txt">
                    <em class="word" style="color: rgb(136, 136, 136); background-color: rgb(242, 242, 242);">第三方登录</em>
                </div>
                <HR align=center width=300 color=#987cb9 SIZE=1>

                <div class="penguin-box">
                    <span style="display:inline-block;margin-right:20px; margin-top: 20px ;margin-bottom: 0px;">
                            <a href="https://www.wjx.cn/connectnew.aspx">
                                <img src="QQ.png" alt="QQ登录">                            
                            </a>
                            <p>QQ登录</p>

                        </span>
                    <span style="display:inline-block;margin-right:20px;margin-bottom: 0px;">
                          <a href="https://www.wjx.cn/weixinlogin.aspx" >
                            <img src="WeChat.png" alt="微信登录">
                        </a>
                           <p>微信登录</p>
                        </span>
                    <span style="display:inline-block;margin-bottom: 0px;">
                          <a href="https://qywx.wjx.cn/mobile/qywx/manage.aspx">
                            <img src="OtherWeChat.png" alt="企业微信">
                        </a>
                           <p>企业微信</p>
                        </span>
                    <div style="clear:both;"></div>
                </div>
            </div>
    </div>


    </div>
</body>

</html>